<template>
    <body :class="settingStore.themeClass">
        <div class="leftside" :class="{'fold':!settingStore.isExpand}">
            <div class="logo">
                <img src='@/assets/images/R-C.png' alt="">
                <span>大M后台管理平台</span>
            </div>
            <el-scrollbar>
                <Menu :routes="useroute.routexs"></Menu>
            </el-scrollbar>
        </div>
        <div class="top-nav" :class="{'fold':!settingStore.isExpand}">
            <tabbar></tabbar>
        </div>
        <div class="main-content" :class="{'fold':!settingStore.isExpand}">
            <Main></Main>
        </div>
    </body>
</template>
<script setup lang="ts">
import { useroutes } from "@/store/modules/routes"
import Menu from './menu/Menu.vue'
import Main from './main/index.vue'
import tabbar from './tabbar/index.vue'
import { useSettingStore } from '@/store/modules/setting';
const settingStore = useSettingStore();
const useroute = useroutes();
</script>
<style scoped lang="less">
@import '../../styles/homepage/index.less';
</style>
